<template>
  <!-- 商户数据 -->
  <div class="business">
    <!-- 统计数据 -->
    <div class="first statistics">
        <Statistics></Statistics>
    </div> 
    <div class="second multiple-modules">
             <!-- 订单转化 -->
        <div class="order-conversions app-container">
           <OrderConversions></OrderConversions>
           
        </div>

         <!-- 销售收入 -->
       <div class="sales-sevenue app-container">
        <SalesRevenue></SalesRevenue>
       </div>
    </div>

  </div>
</template>

<script>
import Statistics from './component/statistics.vue'
import OrderConversions from './component/orderConversions.vue'
import SalesRevenue from './component/salesRevenue.vue'
export default {
components:{
    Statistics,
    OrderConversions,
    SalesRevenue
}
}
</script>

<style scoped>
.multiple-modules {
    display: flex;
    justify-content: space-between;
}
.multiple-modules>div {
    width:50%;
}
</style>